import QtQuick

import "qrc:/usv_bridge/UI/compass/"


Rectangle {
    id: speed
    width: 327
    // height: 50
    color:"#F7F7F7"

    radius: 5

    //第一行
    Text{
        id: motion_title
        text: qsTr("运动信息")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#0070D6"
        anchors{
            top: parent.top
            topMargin: 10
            horizontalCenter: speed.horizontalCenter
        }
    }

    Image {
        id: icon

        anchors{
            top: motion_title.bottom
            topMargin: -5
            left: parent.left
            leftMargin: -15
        }
        source: "qrc:/usv_bridge/UI/compass/Pitch-Roll-Heave-M-2.png"
    }

    //PITCH
    Text{
        //system controller var
        id: pitch_unit
        text: qsTr("Pitch")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#666666"

        anchors{
            top: motion_title.bottom
            topMargin: 25
            left: icon.right
            leftMargin: 10
        }
    }

    Text{
        //system controller var
        id: pitch_value
        text: qsTr("0.0" + "°")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#325B9A"
        anchors{
            top: pitch_unit.top
            // topMargin: 5
            left: pitch_unit.right
            leftMargin: 20
        }
    }

    //ROLL
    Text{
        //system controller var
        id: roll_unit
        text: qsTr("Roll")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#666666"

        anchors{
            top: pitch_unit.bottom
            topMargin: 25
            left: icon.right
            leftMargin: 10
        }
    }

    Text{
        //system controller var
        id: roll_value
        text: qsTr("0.9" + "°")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#325B9A"
        anchors{
            top: roll_unit.top
            // topMargin: 5
            left: pitch_value.left
        }
    }

    //HEAVE
    Text{
        //system controller var
        id: heave_unit
        text: qsTr("Heave")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#666666"
        anchors{
            top: roll_unit.bottom
            topMargin: 25
            left: icon.right
            leftMargin: 10
        }
    }
    Text{
        //system controller var
        id: heave_speed
        text: qsTr("0.02" + "m/s")
        font.family: ("Noto Sans")
        font.pixelSize: 16
        color: "#325B9A"
        anchors{
            top: heave_unit.top
            // topMargin: 5
            left: pitch_value.left
        }
    }

}
